<template>
	<view class="price">
		<view class="label">￥</view>
		<view class="text">{{ amount }}</view>
	</view>
</template>

<script>
export default {
	name: "XPrice",
	props: {
		amount: {
			type: Number,
			required: true,
			default: 0
		},
		size: {
			type: Number,
			required: false,
			default: 16
		}
	},
	
	data() {
		return {
			labelSize: 10,
			textSize: 16
		}
	}
}	
</script>

<style lang="less">
.price {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: #b3212c;
	
	.label {
		font-size: 12px;
	}
	
	.text {
		font-size: 16px;
	}
}	
</style>